$(function () {
    var evt = "onorientationchange" in window ? "orientationchange" : "resize";
    var width,
        height;
    var transform = function (a) {
        width = $(document).width();
        height = $(document).height();
        if (a) {
            var tw = width;
            width = height;
            height = tw;
        }
        if (width > height) {
            $('.main').width(width);
            $('.main').height(height);
            $('.main').css('transform', 'rotate(0deg)');
            $('.main').css('top', 0);
            $('.main').css('left', 0);
            $('.table-height').css({
                'width': width,
                'fontSize': '3rem',
                'color': '#878787',
                'paddingLeft': '5px',
                'height': height * .125,
                'lineHeight': height * .125 + 'px'
            });
            $('.data').css({
                'width': width,
                'height': height * .875
            });
        }
        else {
            $('.main').width(height);
            $('.main').height(width);
            $('.main').css('transform', 'rotate(90deg)');
            $('.main').css('transform-origin', '0 0');
            $('.main').css('left', width);
            $('.table-height').css({
                'width': height,
                'fontSize': '3rem',
                'color': '#878787',
                'paddingLeft': '5px',
                'height': width * .125,
                'lineHeight': width * .125 + 'px'
            });
            $('.data').css({
                'width': height,
                'height': width * .875
            });
        }
    };
    transform();

    window.addEventListener(evt, function () {
        transform(1);
    }, false);

    $('.spinner-box').css(
        'display', 'none'
    );
    $('.main').css(
        'display', 'block'
    );

// 字体颜色
    var getData = function () {
        $.getJSON('/NEP/PSS/api/product_info?rand=1493268537480&line_name=G6', function (data) {
            if (data.CurrentInput1 < data.PlannedInput1) {
                $('#currentShift1In').css(
                    'color', 'red'
                );
            }
            if (data.CurrentOutput1 < data.PlannedOutput1) {
                $('#currentShift1Out').css(
                    'color', 'red'
                );
            }
            if (data.ForecastInput1 < data.TargetInput1) {
                $('#forecastShift1In').css(
                    'color', 'red'
                );
            }
            if (data.ForecastOutput1 < data.TargetOutput1) {
                $('#forecastShift1Out').css(
                    'color', 'red'
                );
            }
            if (data.CurrentInput1 - data.PlannedInput1 < 0) {
                $('#accumulateShift1In').css(
                    'color', 'red'
                );
            }
            if (data.CurrentOutput1 - data.PlannedOutput1 < 0) {
                $('#accumulateShift1Out').css(
                    'color', 'red'
                );
            }
            if (data.CurrentInput2 < data.PlannedInput2) {
                $('#currentShift2In').css(
                    'color', 'red'
                );
            }
            if (data.CurrentOutput2 < data.PlannedOutput2) {
                $('#currentShift2Out').css(
                    'color', 'red'
                );
            }
            if (data.ForecastInput2 < data.TargetInput2) {
                $('#forecastShift2In').css(
                    'color', 'red'
                );
            }
            if (data.ForecastOutput2 < data.TargetOutput2) {
                $('#forecastShift2Out').css(
                    'color', 'red'
                );
            }
            if (data.CurrentInput2 - data.PlannedInput2 < 0) {
                $('#accumulateShift2In').css(
                    'color', 'red'
                );
            }
            if (data.CurrentOutput2 - data.PlannedOutput2 < 0) {
                $('#accumulateShift2Out').css(
                    'color', 'red'
                );
            }
            $('#startShift1').html(data.S1);
            $('#startShift2').html(data.S2);
            // $('#startShift3').html(data.E1);
            $('#endShift1').html(data.E1);
            $('#endShift2').html(data.E2);
            // $('#endShift3').html(data.E1);
            $('#targetShift1In').html(data.TargetInput1);
            $('#targetShift2In').html(data.TargetInput2);
            // $('#targetShift3In').html(data.E1);
            $('#targetShift1Out').html(data.TargetOutput1);
            $('#targetShift2Out').html(data.TargetOutput2);
            // $('#targetShift3Out').html(data.E1);
            $('#currentShift1In').html(data.CurrentInput1);
            $('#currentShift2In').html(data.CurrentInput2);
            // $('#currentShift3In').html(data.E1);
            $('#currentShift1Out').html(data.CurrentOutput1);
            $('#currentShift2Out').html(data.CurrentOutput2);
            // $('#currentShift3Out').html(data.E1);
            $('#forecastShift1In').html(data.ForecastInput1);
            $('#forecastShift2In').html(data.ForecastInput2);
            // $('#forecastShift3In').html(data.E1);
            $('#forecastShift1Out').html(data.ForecastOutput1);
            $('#forecastShift2Out').html(data.ForecastOutput2);
            // $('#forecastShift3Out').html(data.E1);
            $('#plannedShift1In').html(data.PlannedInput1);
            $('#plannedShift2In').html(data.PlannedInput2);
            // $('#plannedShift3In').html(data.E1);
            $('#plannedShift1Out').html(data.PlannedOutput1);
            $('#plannedShift2Out').html(data.PlannedOutput2);
            // $('#plannedShift3Out').html(data.E1);
            $('#accumulateShift1In').html(data.CurrentInput1 - data.PlannedInput1);
            $('#accumulateShift2In').html(data.CurrentInput2 - data.PlannedInput2);
            // $('#accumulateShift3In').html(data.E1);
            $('#accumulateShift1Out').html(data.CurrentOutput1 - data.PlannedOutput1);
            $('#accumulateShift2Out').html(data.CurrentOutput2 - data.PlannedOutput2);
            // $('#accumulateShift3Out').html(data.E1);
        });
    };
    getData();
    setInterval(getData(), 15000);
});
